<ion-header  class="nav-header">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button (click)="backClick()">
        <ion-icon class="md-arrow-back"  ios="md-arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>加盟合作</ion-title>
  </ion-toolbar>
</ion-header>
<ion-header>
  <ion-grid class="join-tab">
    <ion-row>
      <ion-col  [ngClass]="{'active':stateData.isLink}" (click)="changeTab('link')">
        代理申请
      </ion-col>
      <ion-col  [ngClass]="{'active':stateData.isStranger}" (click)="changeTab('stranger')">
        加盟优势
      </ion-col>
      <ion-col  [ngClass]="{'active':stateData.isAgreement}" (click)="changeTab('agreement')">
        代理协议
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-header>
<ion-content class="join-contain">
    <div *ngIf="stateData.isStranger" class="join-c-c"  [innerHTML]="joinData.stranger.cfg_val | html"></div>
    <div *ngIf="stateData.isAgreement" class="join-c-c" [innerHTML]="joinData.agreement.cfg_val | html"></div>
    <div *ngIf="stateData.isLink" class="join-link">
      <div class="join-link-item">
        <ion-icon  class="iconfont ion-ios-bangdingyouxiang" style="font-size: 50px; color: #1a94d1; padding-bottom: 4px;" ></ion-icon>
        <div class="join-link-item-msg">
            <p>事业部邮箱</p>
            <p [innerHTML]="joinData.mail.cfg_val | html"></p>
        </div>
        <div class="join-link-item-tip">
            <span>立即咨询</span>
        </div>
      </div>
      <div class="join-link-item">
        <ion-icon  class="iconfont ion-ios-weixin" style="font-size: 50px; color: #09bc64; padding-bottom: 4px;" ></ion-icon>
        <div class="join-link-item-msg">
            <p>事业部微信</p>
            <p [innerHTML]="joinData.wechant.cfg_val | html"></p>
        </div>
        <div class="join-link-item-tip">
            <span>立即咨询</span>
        </div>
      </div>
      <div class="join-link-item">
        <ion-icon  class="iconfont ion-ios-social-_round-skype" style="font-size: 50px; color: #1c94d1; padding-bottom: 4px;" ></ion-icon>
        <div class="join-link-item-msg">
            <p>事业部Skeye</p>
            <p [innerHTML]="joinData.skype.cfg_val | html"></p>
        </div>
        <div class="join-link-item-tip">
            <span>立即咨询</span>
        </div>
      </div>
      <div class="join-link-item">
        <ion-icon  class="iconfont ion-ios-QQ" style="font-size: 50px; color: #5ebeff; padding-bottom: 4px;" ></ion-icon>
        <div class="join-link-item-msg">
            <p>事业部QQ</p>
            <p [innerHTML]="joinData.qq_no.cfg_val | html"></p>
        </div>
        <div class="join-link-item-tip">
            <span>立即咨询</span>
        </div>
      </div>

      <div class="join-link-time">
        <p>
          <span>营业时间：<span class="mark" [innerHTML]="joinData.open.cfg_val | html"></span></span>
        </p>
          <p>全年无休&nbsp;&nbsp;为您服务</p>
      </div>


     
       <!-- <div [innerHTML]="joinData.mail.cfg_val"></div>
       <div [innerHTML]="joinData.open.cfg_val"></div>   
       <div [innerHTML]="joinData.qq.cfg_val"></div>
       <div [innerHTML]="joinData.skype.cfg_val"></div>
       <div [innerHTML]="joinData.wechant.cfg_val"></div> -->
    </div>
</ion-content>
<div class="mark-contain" (click)="hideWin()" *ngIf="showWin">
    <div class="img-div">
        <img src="{{joinData.wximage.cfg_val}}" />
    </div>
  </div>
  <app-tab-self></app-tab-self>
